<%- include('common/header.html') %>

<link rel="stylesheet" href="/index/css/article.css" />
<link rel="stylesheet" href="/index/animate.css">

<body>

  <!-- 主页开始 -->
  <div class="container">
    <div class="row">
      <div class="conmentone col-lg-8 col-md-8 col-sm-12 col-xs-12" style="animation: bounceInUp 2.5s;">
        <div class="left">
          <div class="space"></div>
          <div class="space"></div>
          <div class="space"></div>
          <h1><%= article.article_name %> </h1>
          <br />
          <h5>发布时期: <%= article.article_date %> </h5>
          <h5 style="margin-top: 10px;">浏览量: <%= article.article_visit %> </h5>
          <div class="space"></div>
          <img src="<%= article.article_pic %> " alt="" class="image" />
          <div class="space"></div>
          <div class="space"></div>
          <div class="left_content" style="color: rgb(102, 102, 102);line-height: 22px;font-size: 13px;">
            <%- article.article_content %>
          </div>

          <div class="space"></div>
          <div class="space"></div>
          <div class="space"></div>
          <div class="share-icon">
            <h3 style="font-size: 16px;padding-top: 10px;">分享到:</h3>
            <span style="font-size: 14px;" class="glyphicon glyphicon-envelope"></span>
            <span style="font-size: 14px;" class="glyphicon glyphicon-globe"></span>
            <span style="font-size: 14px;" class="glyphicon glyphicon-cd"></span>
          </div>
          <!-- 换页 -->
          <div class="row">
            <div class="share">
              <div class="contactone-befor col-lg-6 col-md-6 col-sm-12 col-xs-12">



                <span class="icon-cheveron-left"></span>
                <% if (upTo.article_id==article.article_id) { %>
                <p style="font-size: 14px;">上一篇：<br />
                  <a href="javascript:; %> "><%= upTo.article_name %> </a></p>
                <% } else { %>
                <p style="font-size: 14px;">上一篇：<br />
                  <a href="/article?id=<%= upTo.article_id %> "><%= upTo.article_name %> </a></p>
                <% } %> 
              </div>


              <div class="contactone-end col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <span class="icon-cheveron-right"></span>

                <% if (downTo.article_id==article.article_id) { %>
                <p style="font-size: 14px;">下一篇：<br />
                  <a href="javascript:; %> "><%= downTo.article_name %> </a></p>
                <% } else { %>
                <p style="font-size: 14px;">下一篇：<br />
                  <a href="/article?id=<%= downTo.article_id %> "><%= downTo.article_name %> </a></p>
                <% } %> 



                <!-- <p> 上一篇： <br /> <a href="/article">不是小偷就是设计师</a> </p> -->



              </div>
            </div>
          </div>
          <!-- 换页结束 -->
        </div>
      </div>
      <div class="conmenttwo col-lg-4 col-md-4 col-sm-12 col-xs-12" style="animation: bounceInUp 3s;">
        <div class="right">
          <ul>
            <div class="space"></div>
            <div class="space"></div>
            <div class="space"></div>

            <% flash.forEach(item => { %>
              <li>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="/article?id=<%= item.article_id %> ">
                  <h4 style="font-size: 15px;line-height: 15px;color: #373A41;margin:20px 0 15px ;"><%= item.article_name %> </h4>
                </a>
                <h5>发布时期: <%= item.article_date %></h5>
                <div class="space"></div>
              </li>
            <% }) %>

          
            <!-- <li>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <h4><a href="/article">不是小偷就是设计师</a></h4>
              <h5>发布时期: 2016.08.24</h5>
              <div class="space"></div>
            </li>
            <li>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <h4><a href="/article">设计师的歌单</a></h4>
              <h5>发布时期: 2016.08.24</h5>
              <div class="space"></div>
            </li>
            <li>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <h4><a href="/article">论PS和Photoshop的区别</a></h4>
              <h5>发布时期: 2016.08.24</h5>
              <div class="space"></div>
            </li>
            <li>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <h4><a href="/article">给大象转个身</a></h4>
              <h5>发布时期: 2016.08.24</h5>
              <div class="space"></div>
            </li>
            <li>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <h4><a href="/article">设计行业也有相貌歧视?</a></h4>
              <h5>发布时期: 2016.08.24</h5>
              <div class="space"></div>
            </li> -->
          </ul>
        </div>
      </div>
    </div>
  </div>
  </div>
  <!-- 主页结束 -->

  <%- include('common/footer.html') %>
</body>

</html>